﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<title>首页</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<style>
	ul{padding:0px;margin:0px;}
	li{list-style-position:inside;}
	</style>
	<script type="text/javascript" src="proj/resources/javascript/jquery/jquery-1.5.2.min.js"></script>
    <script type="text/javascript" src="proj/resources/javascript/jquery/jquery.layout.min-1.2.0.js"></script>
	<script type="text/javascript" src="proj/resources/javascript/flashmap/flashmap_all.js"></script>
    <script type="text/javascript">
        $(function(){
            //参考http://layout.jquery-dev.net/demos.cfm
            var layout = $('body').layout({ applyDefaultStyles: true });
            
            var menus = ["欢迎","显示地图","设置显示区域","量距离测面积","获取坐标","地图浏览",
			"添加覆盖物-点","添加覆盖物-线","添加覆盖物-面","覆盖物-事件"];
            
            for(var i=0;i<menus.length;i++){
                var li = $("<li>");
                var a = $("<a>").attr("href","javascript:void(0);").attr("name",menus[i]).text(menus[i]);
                a.click(function(){
                    $("#content").attr("src",$(this).attr("name")+".html");
                    $("title").text("示例-"+$(this).attr("name"));
                });
                li.append(a);              
                $("#navigation").append(li);
            }
            
        });
    </script>
	</head>
	<body>
		<div class="ui-layout-west">
            <ul id="navigation"/>
        </div>
        <div class="ui-layout-center" >
			<iframe frameborder=0 id="content" src="欢迎.html" style="width:100%;height:100%;"></iframe>
		</div>
	</body>
</html>
